<template>
	<div v-cloak class="aui-wrapper aui-page__iframe">
		<div class="aui-content__wrapper">
			<div class="aui-content">
				<el-card shadow="never" class="aui-card--fill">
					<div class="mod-lswms__lot">
						<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
							<el-form-item>
								<el-input v-model="dataForm.lot" size="small" placeholder="批号" clearable></el-input>
							</el-form-item>
							<el-form-item>
								<el-input v-model="dataForm.sku" size="small" placeholder="物料编码" clearable></el-input>
							</el-form-item>
							<el-form-item>
								<el-input v-model="dataForm.descr" size="small" placeholder="物料名称" clearable></el-input>
							</el-form-item>
							<el-form-item>
								<el-button @click="getDataList()" size="small">查询</el-button>
							</el-form-item>
							<!-- <el-form-item>
                            <el-button type="primary" @click="addOrUpdateHandle()">新增</el-button>
                          </el-form-item>
                          <el-form-item>
                            <el-button type="danger" @click="deleteHandle()">删除</el-button>
                          </el-form-item>
                          <el-form-item>
                            <el-button type="info" @click="exportHandle()">导出</el-button>
                          </el-form-item> -->
						</el-form>
						<el-table v-loading="dataListLoading" :data="dataList" border
							@selection-change="dataListSelectionChangeHandle" @sort-change="dataListSortChangeHandle"
							style="width: 100%;" >
							<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> -->
							<!-- <el-table-column prop="id" label="序号"  header-align="center"
                                           align="center"></el-table-column> -->
							<el-table-column prop="lot" label="批号" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="sku" label="物料编码" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="descr" label="物料名称" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot1" label="生产日期" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot2" label="有效日期" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot3" label="是否加长" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot4" label="价格" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot5" label="部门/供应商" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot6" label="计划单号/工序号" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot7" label="主制车间" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot8" label="任务编码" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot9" label="新旧" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot10" label="作废" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot11" label="炉批号" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot12" label="材料复验号" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot13" label="牌号" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot14" label="属性14" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="lot15" label="属性15" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="adduser" label="创建人" header-align="center" align="center">
							</el-table-column>
							<el-table-column prop="addtime" label="创建时间" header-align="center" align="center">
							</el-table-column>
							<!-- <el-table-column prop="updatuser" label="更新人"  header-align="center"
                                           align="center"></el-table-column>
                                                    <el-table-column prop="updatetime" label="更新时间"  header-align="center"
                                           align="center"></el-table-column> -->
							<!--                    <el-table-column label='操作' fixed="right" header-align="center" align="center" width="150">
                            <template #default="scope">
                              <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
                              <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
                            </template> 
                          </el-table-column> -->
						</el-table>
						<el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit"
							:total="total" layout="total, sizes, prev, pager, next, jumper"
							@size-change="pageSizeChangeHandle" @current-change="pageCurrentChangeHandle">
						</el-pagination>
						<!-- 弹窗, 新增 / 修改 -->
						<lotAddOrUpdate v-if="addOrUpdateVisible" ref="addOrUpdate" @refresh-data-list="getDataList">
						</lotAddOrUpdate>
					</div>
				</el-card>
			</div>
		</div>
	</div>
</template>

<script>
	import DataList from "@/utils/DataList";
	import {
		ref,
		reactive,
		onMounted,
		nextTick
	} from 'vue';
	import lotAddOrUpdate from "@/components/lswms/stock/LotAddOrUpdate";

	//import {hasPermission} from "@/utils/hasPermission"
	export default {
		name: "lot",

		components: {
			lotAddOrUpdate,
		},

		setup() {
			const {
				dataForm,
				mixinViewModuleOptions,
				getDataList,
				dataList,
				total,
				page,
				limit,
				dataListLoading,
				dataListSelectionChangeHandle,
				dataListSortChangeHandle,
				pageSizeChangeHandle,
				pageCurrentChangeHandle,
				addOrUpdateHandle,
				deleteHandle,
				exportHandle,
				addOrUpdateVisible,
				dataListSelections,
				addOrUpdate
			} = DataList();

			onMounted(() => {
				mixinViewModuleOptions.value.getDataListIsPage = true;
				mixinViewModuleOptions.value.getDataListURL = '/lswms/lot/page';
				mixinViewModuleOptions.value.deleteURL = '/lswms/lot';
				mixinViewModuleOptions.value.exportURL = '/lswms/lot/export';
				mixinViewModuleOptions.value.deleteIsBatchKey = 'id';
				mixinViewModuleOptions.value.deleteIsBatch = true
				if (mixinViewModuleOptions.value.activatedIsNeed) {
					getDataList();
				}

			})

			return {
				dataForm,
				mixinViewModuleOptions,
				getDataList,
				dataList,
				total,
				page,
				limit,
				dataListLoading,
				dataListSelectionChangeHandle,
				dataListSortChangeHandle,
				pageSizeChangeHandle,
				pageCurrentChangeHandle,
				addOrUpdateHandle,
				deleteHandle,
				exportHandle,
				addOrUpdateVisible,
				dataListSelections,
				addOrUpdate,
			}
		},
		// methods:{
		//      hasPermission
		// }
	}
</script>

<style scoped>

</style>
